<template>
	<div class="header">
		选择城市
		<router-link to="/" >
			<div class="iconfont header-back">&#xe603;</div>
		</router-link>
	</div>
</template>

<script>
export default {
	name: 'cityHeader'
}
</script>

<style lang="stylus" scoped>
	@import "~styles/varibles.styl";
	.header
		position:relative
		overflow:hidden
		height:$headerHeight
		line-height:$headerHeight
		background:$bkColor
		color:#fff
		text-align:center
		z-index:2
		.header-back
			position:absolute
			left:0
			top:0
			font-size:.5rem
			width:.64rem
			text-align:center
			color:#fff
	    
</style>